<script language="javascript" type="text/javascript">
 function showHint(val)
 {
	 $.post('<?=site_url('registration/is_unique_email')?>',{'email':val},function(data){$('#reg_hint').html(data)}, 'html');
 }
</script>
<div class="page_heading_text"><img src="<?=base_url('images/login-register.png')?>" width="221" height="28" border="0" alt="" /></div>
         <div style="float:left; width:916px;margin:18px 34px 0 32px; border-bottom:2px solid #F60;">
            <div style="float:left; width:580px; font-size:18px; margin-bottom:16px;">Login or register below to join the Flat World Knowledge community and
			get access to your My Flatworld account. Don't worry, we have room for you.
            </div>
         </div>
            
              <div class="clear" style="margin-bottom:20px;"></div>
                   <!-- Start Main Registration Area -->  
                      <div class="registration_area_main"> 
                          <div class="regForm_area">
                        <div class="register_login">
                          <h2>Create Your Account</h2>
                          <p>Join with us</p>
                            <?=form_open('registration', array('autocomplete' => 'off', 'id' => 'userSignupForm', 'name' => 'createForm'))?> 
                                 <div style="float:left; width:390px;">
                                   	<fieldset class="user-login-account">
                                       	<div id="#" class="form-item">
                                       <?=form_label('Name:', 'fullname')?>
									   <?=form_input(array('name' => 'fullname', 'id' => 'user_full_name', 'class' => 'login_text_field', 'value' => set_value('fullname')))?>
                 						<?=form_error('fullname')?>
								</div>
                                        <div id="#" class="form-item">
                                       <?=form_label('E-mail address:  <span title="This field is required." id="txtHint"></span>', 'email')?>                                    
									   <?=form_input(array('name' => 'email', 'id' => 'user_email', 'class' => 'login_text_field', 'value' => set_value('email'), 'onblur' => 'javascript: return(showHint(this.value))'))?>
									   <?=form_error('email')?>
									   <br />
										<!--<div id="" onclick="javascript: return showHint(document.getElementById('user_email').value)" style="cursor:pointer">Check Availibity</div>-->
                                  		<div id="reg_hint"></div>
                                       </div>
                              	<div id="#" class="form-item">
                                       <?=form_label('Password:', 'password')?>
                                       <?=form_password(array('name' => 'password', 'id' => 'user_password', 'class' => 'login_text_field'))?>
									   <?=form_error('password')?>
                      			</div>
                                        <!--<div id="edit-pass-wrapper" class="password_small_field" style="margin-right:0; margin-left:14px;">
                                       <label for="edit-pass">Confirm password: <span title="This field is required." class="form-required"></span></label>
                                       <input type="password" class="password_text_field" id="edit-pass" name="pass">
                                    	</div>-->
                                        <div class="clear"></div>
                                        <div id="#" class="form-item">
                                       <?=form_label('Phone: <span title="This field is required." class="form-required"></span>', 'phone')?>
                                       <?=form_input(array('name' => 'phone', 'id' => 'user_phone', 'class' => 'login_text_field', 'value' => set_value('phone')))?>
                                     	<?=form_error('phone')?>
										</div>
                               		</fieldset>
                                    
<!-- START CAPTCHA AREA -->
                                      
                                      <div class="clear"></div>
                                      <div class="form-item">
										<?=$recaptcha_html?>
									  </div>
 															
										
											<br/>
<!-- END CAPTCHA AREA -->  
                                       <div class="terms_and_conditions_area">
									   	 <?=form_checkbox(array('name' => 'iaccept', 'id' => 'user_iaccept', 'value' => 'iaccept', 'checked' => FALSE))?>
                                         &nbsp;<span>I agree <a href="<?=site_url('terms-conditions')?>" title="Click to see our terms and conditions" target="_blank">Terms and conditions</a></span>
										 <?=form_error('iaccept')?>
                                        </div>
										<?= form_submit(array('name' => 'Submit', 'id' => 'reg_submit', 'value' => '', "class"=>"create_account_submit")) ?>
                               <!-- <input type="submit" class="create_account_submit" id="#" value="Check Recaptcha" name="recaptchasubmit" >-->
                                </div>
                              <?= form_close() ?>
                          </div> 
                      </div>
                         <!-- End Book Package -->  
                         <!-- Start Book Package -->  
                          <div class="registrationDetailArea">
                      <div class="register_login">
                          <h2>Sign In</h2>
                          <p>Sign in to access your account</p>
                          	<?=form_open('login', array('autocomplete' => 'on', 'id' => 'user-login', 'name' => 'loginForm'))?>
                                 <div>
                                   	<fieldset class="user-login-account">
                                       	<div id="#" class="form-item">
	                                       <?=form_label('Username: <span title="This field is required." class="form-required"></span>', 'login_email')?>
	                                       <?=form_input(array('name' => 'login_email', 'id' => 'login_email', 'class' => 'login_text_field', 'value' => set_value('login_email')))?>
										   <?=form_error('login_email')?>
                                     	</div>
                                     	<div id="edit-pass-wrapper" class="form-item">
	                                       <?=form_label('Password: <span title="This field is required." class="form-required"></span>', 'login_password')?>
	                                       <?=form_password(array('name' => 'login_password', 'id' => 'login_password', 'class' => 'login_text_field'))?>
										   <?=form_error('login_password')?>
                                    	</div>
                               		</fieldset>
                               		<?= form_submit(array('name' => 'loginSubmit', 'id' => 'login_submit', 'value' => '', "class"=>"form-submit")) ?>
                                 <div style="width:20px; float:left; margin:10px 0 0 14px;"><a class="forgotpass_or" href="#">Or</a></div>
                                 <div style="width:65px; float:left; margin:10px 0 0 14px;"><a class="forgotpass" href="#"><img src="<?=base_url('images/facebook_login.jpg')?>" width="65" height="22" border="0" alt="" /></a></div>
                                  <div style="width:160px; float:left; margin:10px 0 0 14px;"><a class="forgotpass" href="#">Forgot your password?</a></div>
                                </div>
                              <?=form_close()?>
                          </div>
                      
                                         </div> 
                         <!-- End Book Package -->
                      </div>
                   <!-- Start Main Registration Area -->  
                <div class="clear" style="margin-bottom:20px;"></div>    